<ion-view title="首页" >
    <ion-content class="bg-grey">
    
        <ion-slide-box class="pic-slider" auto-play="true" does-continue="true" >
            <ion-slide ng-repeat="slider in sliders">
                <a class="slide" ng-href="{{slider.link}}">
                <img ng-src="{{slider.imgUrl}}"></a>
            </ion-slide>
        </ion-slide-box>
        <h4 class="title">功能导航</h4>
		<ul class="bs-row icon-row bgc-white nine-grid">
		    <li class="col-xs-4">
		        <a ng-href="#/tab/hdzq">
		            <i class="mdi mdi-bank tc-blue-400"></i>
		            <span class="label">便民服务大厅</span>
		        </a>
		    </li>
		    <li class="col-xs-4">
		        <a href="#/tab/kszx">
		            <i class="mdi mdi-school tc-pink-400"></i>
		            <span class="label">考试中心</span>
		        </a>
		    </li>
		    <li class="col-xs-4">
		        <a href="#/tab/xxzx">
		            <i class="mdi mdi-book-multiple-variant tc-orange-400"></i>
		            <span class="label">学习中心</span>
		        </a>
		    </li>
		    <li class="col-xs-4">
		        <a href="#/tab/lxyz">
		            <i class="mdi mdi-library tc-red-400"></i>
		            <span class="label">两学一做</span>
		        </a>
		    </li>
		    <li class="col-xs-4">
		        <a href="#/tab/dcxx">
		            <i class="mdi mdi-link-variant tc-red-400"></i>
		            <span class="label">站内链接</span>
		        </a>
		    </li>
		    <li class="col-xs-4">
		        <a href="#/tab/dhsc">
		            <i class="mdi mdi-calendar-text tc-purple-300"></i>
		            <span class="label">党员发展全程纪实</span>
		        </a>
		    </li>
		    <li class="col-xs-4">
		        <a href="#/tab/zydr">
		            <i class="mdi mdi-account-location tc-indigo-400"></i>
		            <span class="label">情报专员</span>
		        </a>
		    </li>
		    <li class="col-xs-4">
		        <a href="#/tab/mrqd">
		            <i class="mdi mdi-gas-station tc-green-400"></i>
		            <span class="label">党员加油站</span>
		        </a>
		    </li>
		    <li class="col-xs-4">
		        <a href="#/tab/bhjt">
		            <i class="mdi mdi-weather-sunny tc-orange-400"></i>
		            <span class="label">阳光驿站</span>
		        </a>
		    </li>
		    
		</ul>
    </ion-content>
</ion-view>
